<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>Journey through Space: A 3rd grade science learning module</title>
        <script src="scripts/SCORM_API_wrapper.js" language="javascript"></script>
        <script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
        <script src="scripts/scripts.js" language="javascript"></script>
        <link href="styles/styles.css" type="text/css" rel="stylesheet"/>
    </head>
    
    <body onload="javascript:visitJupiter()">
        <div>
            <div>
                <table id="indextable">
                    <tr>
                        <td align="center"><img src="images/mercurytoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/venustoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/earthtoon.png" height="20px" width="20px"/></td>
                    </tr>
                        <td align="center"><img src="images/marstoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/suntoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/jupitertoon.png" height="20px" width="20px"/></td>
                    <tr>
                        <td align="center"><img src="images/saturntoon.png" height="20px" width="45px"/></td>
                        <td align="center"><img src="images/uranustoon.png" height="20px" width="30px"/></td>
                        <td align="center"><img src="images/neptunetoon.png" height="20px" width="20px"/></td>
                    </tr>
                </table>
            </div>
                            
            <div id="headerimage">
                <a name="top">
                <img src="images/header.jpg"
                    alt="image of module title - Journey through Space: a 3rd grade science learning module"
                    title="image of module title - Journey through Space: a 3rd grade science learning module"
                    width="82%"/>
                </a>
            </div>
        </div>
        
        <div id="nav">
            <div id="nav_wrapper">
                <ul>
                    <li><a class="show" href="welcome.html">Welcome!</a>
                    </li>
                    <li><a class="show" href="sun.html">The Sun</a>
                    </li>
                    <li><a class="show" href="#">Rocky Planets</a>
                        <ul>
                            <li><a class="show" href="terresterial.html">Rocky Planet Intro</a>
                            </li>
                            <li><a class="show" href="mercury.html">Mercury</a>
                            </li>
                            <li><a class="show" href="venus.html">Venus</a>
                            </li>
                            <li><a class="show" href="earth.html">Earth</a>
                            </li>
                            <li><a class="show" href="mars.html">Mars</a>
                            </li>
                            <li><a class="show" id="terresterialquizlink" href="terresterialquiz.html">Rocky Planets Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="show" href="moon.html">The Moon</a>
                    </li>
                    <li><a class="show" href="asteroid.html">Asteroid Belt</a>
                    </li>
                    <li><a class="show" href="#">Gas Giants</a>
                        <ul>
                            <li><a class="show" href="gaseous.html">Gas Giants Intro</a>
                            </li>
                            <li><span class="menu-link-inactive"  class="show" href="jupiter.html">
                                Jupiter</span>
                            </li>
                            <li><a class="show" href="saturn.html">Saturn</a>
                            </li>
                            <li><a class="show" href="uranus.html">Uranus</a>
                            </li>
                            <li><a class="show" href="neptune.html">Neptune</a>
                            </li>
                            <li><a class="hide" id="gaseousquizlink" href="gaseousquiz.html">Gas Giants Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li> <a class="hide" id="finalquizlink" href="endquiz.html">Final Quiz</a>
                    </li>
                    <li> <a class="hide" id="certificate" href="certificate.html">Certificate</a>
                    </li>
                </ul>
            </div>
            <!-- Nav wrapper end -->
        </div>
        <!-- Nav end -->
        
        <div>
            <article>
                <header>
                    <table align="center">
                        <tr>
                            <th><img src="images/boyastro.jpg" height="50px" width="50px"/></th>
                            <th><h1>Jupiter: The fifth planet from the Sun</h1></th>
                            <th><img src="images/girlastro.jpg" height="50px" width="50px"/></th>
                        </tr>
                    </table>
                </header>
                
                <aside>
                    <table>
                        <tr>
                            <img src="images/jupiterweather.jpg"
                                alt="Picture of Jupiter's storm"
                                title="Picture of Jupiter's storm"/>
                        </tr>
                        <tr>
                            <p>Jupiter's storm has been active for about 300 to 400 years and is about 
                                10,000 miles wide.</p>
                        </tr> 
                        <tr>
                            <img src="images/jupiter2.jpg"
                                alt="Jupiter - Largest planet in the solar system."
                                title="Jupiter - Largest planet in the solar system."/>
                        </tr>
                        <tr>
                            <p>Jupiter is the largest planet in the solar system with a surface area 
                                of 23.71 billion sq miles.</p>
                        </tr> 
                    </table>
                </aside>
                
                <section>
                    <div class="center">
                        <img src="images/jupitercomic.png"
                            alt="Introduction comic to the Jupiter page."
                            title="Introduction comic to the Jupiter page."/>
                        <br/>
                        <audio controls>
                            <source src="audio/jupiter.mp3" type="audio/mpeg">
                            <source src="audio/jupiter.ogg" type="audio/ogg">
                            <source src="audio/jupiter.wav" type="audio/wav">
                        </audio>
                    </div>
                    
                    <h3>Interesting Facts</h3>
                        <ul>
                        	<li>Jupiter is the largest planet in the solar system. It is 320 times the 
                        	    size of the Earth and the average temperature is -148 degrees 
                        	    Celsius.</li>
           					<li>Jupiter has a storm called the Great Red Spot. The storm is larger than 
           					    Earth and has been active for more than 300 years. Scientist have been 
           					    studying it since 1830. The winds within the storm blow more than 400 
           					    kilometers per hour.</li>
                    		<li>Jupiter does not have a surface because it made up of a combination of 
                    		    gases: 90% hydrogen and 9.99% helium with methane and sulfur thrown in 
                    		    that forms a colorful array of <em>gaseous clouds</em>.</li>
                            <li>Jupiter is unique in that it has a large magnetic field, about 20,000 
                                times larger than Earth's.</li>
                            <li>Jupiter spins on its axis every 10 hours and orbits the Sun every 
                                eleven years.</li> 
                    		<li>Jupiter has four large moons called the <em>Galilean satellites</em>, 
                        	    named after the Italian astronomer Galileo Galilei, who observed them 
                        	    in 1610. Its fourth moon, Europa, is a lot like Earth. They believe 
                        	    that it has an icy crust with an ocean underneath. There is also oxygen 
                        	    in its thin atmosphere. If life did exist on this fourth moon, it is 
                        	    predicted that it would be a lot like the life found in the deepest 
                        	    part of Earth's oceans.</li>
                   		    <li>Jupiter also has several smaller moons called <em>Jovian Moons</em>. 
                   		        Scientist in Arizona and Hawaii have discovered a total of 63 Jovian 
                   		        Moons that were probably formed from trapped remnants of an asteroid 
                   		        collision.</li> 
						</ul>
                
                    <h3>Jupiter and Scientists</h3>
                        <p>Scientist can study Jupiter with robotic probes. There are probes that 
                            are sent out just for Jupiter, but other probes do flyby missions while 
                            on their way to visit other Gas Giants, making Jupiter the most studied Gaseous 
                            Planet.</p>
                
                    <a href="#top">Back to top</a>
                </section>
            </article>
        </div>
        
        <div>
            <footer>
                <cite>All information was collected from 
                    <a href="http://www.wikipedia.org">Wikipedia</a>, 
                    <a href="http://www.nasa.gov">NASA</a>, 
                    Etsy - Pretty Grafik Design</a>, &amp Etsy - Paula Kim Studio</a>
                </cite>
            </footer>
        </div>
    </body>
</html>
